<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Top Gainers and Losers[Filter]-Refreshing Data......</title>
</head>
<style>
fieldset {
    display: block;
    min-width: 0;
    max-width: 100%;
    width: 50%;
    
}
.CSSTableGenerator {
	margin:0px;padding:0px;
	width:100%;
	height:50%;
	box-shadow: 10px 10px 5px #888888;
	border:1px solid #000000;
	
	-moz-border-radius-bottomleft:4px;
	-webkit-border-bottom-left-radius:4px;
	border-bottom-left-radius:4px;
	
	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-right-radius:4px;
	border-bottom-right-radius:4px;
	
	-moz-border-radius-topright:4px;
	-webkit-border-top-right-radius:4px;
	border-top-right-radius:4px;
	
	-moz-border-radius-topleft:4px;
	-webkit-border-top-left-radius:4px;
	border-top-left-radius:4px;
}.CSSTableGenerator table{
    border-collapse: collapse;
        border-spacing: 0;
	width:100%;
	height:100%;
	margin:0px;padding:0px;
}.CSSTableGenerator tr:last-child td:last-child {
	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-right-radius:4px;
	border-bottom-right-radius:4px;
}
.CSSTableGenerator table tr:first-child td:first-child {
	-moz-border-radius-topleft:4px;
	-webkit-border-top-left-radius:4px;
	border-top-left-radius:4px;
}
.CSSTableGenerator table tr:first-child td:last-child {
	-moz-border-radius-topright:4px;
	-webkit-border-top-right-radius:4px;
	border-top-right-radius:4px;
}.CSSTableGenerator tr:last-child td:first-child{
	-moz-border-radius-bottomleft:4px;
	-webkit-border-bottom-left-radius:4px;
	border-bottom-left-radius:4px;
}.CSSTableGenerator tr:hover td{
	background-color:#ffffff;
		

}
.CSSTableGenerator td{
	vertical-align:middle;
	
	background-color:#8c857e;

	border:1px solid #000000;
	border-width:0px 1px 1px 0px;
	text-align:center;
	padding:0px;
	font-size:12px;
	font-family:Helvetica;
	font-weight:normal;
	color:#f9f4f4;
}.CSSTableGenerator tr:last-child td{
	border-width:0px 1px 0px 0px;
}.CSSTableGenerator tr td:last-child{
	border-width:0px 0px 1px 0px;
}.CSSTableGenerator tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
}
.CSSTableGenerator tr:first-child td{
		background:-o-linear-gradient(bottom, #3b3bbf 5%, #56aaff 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3b3bbf), color-stop(1, #56aaff) );
	background:-moz-linear-gradient( center top, #3b3bbf 5%, #56aaff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#3b3bbf", endColorstr="#56aaff");	background: -o-linear-gradient(top,#3b3bbf,56aaff);

	background-color:#3b3bbf;
	border:0px solid #000000;
	text-align:center;
	border-width:0px 0px 1px 1px;
	font-size:14px;
	font-family:Helvetica;
	font-weight:bold;
	color:#ffffff;
}
.CSSTableGenerator tr:first-child:hover td{
	background:-o-linear-gradient(bottom, #3b3bbf 5%, #56aaff 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3b3bbf), color-stop(1, #56aaff) );
	background:-moz-linear-gradient( center top, #3b3bbf 5%, #56aaff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#3b3bbf", endColorstr="#56aaff");	background: -o-linear-gradient(top,#3b3bbf,56aaff);

	background-color:#3b3bbf;
}
.CSSTableGenerator tr:first-child td:first-child{
	border-width:0px 0px 1px 0px;
}
.CSSTableGenerator tr:first-child td:last-child{
	border-width:0px 0px 1px 1px;
}
body{font-family:'helvetica'; font-size:13px;}

</style>

<body>
<table style="background:#FFFFCC;">
<tr>
<td>Ex<u>c</u>h:</td>
<td><select>
<option>NCMX</option>
<option>MCX</option>
</select></td>
<td><u>I</u>nst Type:</td>
<td><select>
<option>F</option>
</select></td>
<td>Grou<u>p</u></td>
<td><input type="text" size="3"/></td>
<td><u>S</u>ec Cnt:</td>
<td><input type="text" value="10" size="5"/></td>
</tr>
</table>
<fieldset>
<legend><font color="blue">Securities</font></legend>
<table style="background:#FFFFCC;">
<tr>
<td><input type="radio"  value="Gainers"/><u>G</u>ainers</td>
</tr>
<tr>
<td><input type="radio"  value="Losers"/><u>L</u>osers</td>
</tr>
</table>
</fieldset>
<table style="background:#FFFFCC;">
<tr>
<td><input type="checkbox"/>LTP Between: </td>
<td><input type="text" size="3"/></td>
<td>&</td>
<td><input type="text" size="3"/></td>
<td><input type="button" value="Refresh"/></td>
</tr>
</table>
<fieldset>
<div class="CSSTableGenerator">

<table border="1" width="100%" bgcolor="grey">
<tr>
<td>Scrip Code</td>
<td>Scrip Details</td>
<td>Prev. Close Price</td>
<td>% Change</td>
<td>Last Traded Price</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
</tr>
</table>
</div>
</fieldset>
</body>
</html>